.pub_login {
    min-height: 100vh;
    background-image: linear-gradient(#FD755B, #FF4D4D);

    .page_box {
        padding: 54vw 30rpx 0 30rpx;
        background: url("@/static/aimg/img_1_2.png") top center no-repeat;
        background-size: 100vw auto;

        .cont_box {
            width: 100%;
            margin: 0 auto;
            background: url("@/static/aimg/img_2.png") center no-repeat;
            background-size: 110% 110%;
            padding: 30rpx 30rpx 60rpx 30rpx;
            border-radius: 40rpx;
            box-shadow: 0 0 6rpx 1rpx rgba($color: #fff, $alpha: 0.4);

            .logo_txt {
                background: url("@/static/aimg/img_3.png") top center no-repeat;
                background-size: 150rpx auto;
                padding: 150rpx 0 0 0;

                .p_1 {
                    font-size: 40rpx;
                    color: #FFFFFF;
                    line-height: 40rpx;
                    text-align: center;
                }
            }

            .tab_div {
                padding: 60rpx 0;
                display: flex;
                justify-content: space-around;

                .li {
                    line-height: 40rpx;
                    color: #FFFFFF;
                    font-size: 32rpx;
                    font-weight: bold;
                    position: relative;
                }

                .li_active {
                    color: #0F0F0F;
                }

                .li_active::before {
                    width: 70rpx;
                    height: 6rpx;
                    background-color: #C90104;
                    border-radius: 3rpx;
                    position: absolute;
                    bottom: -20rpx;
                    left: 50%;
                    margin: 0 0 0 -35rpx;
                    content: "";
                }
            }

            .input_div {
                width: 100%;

                .li {
                    background-color: #fff;
                    padding: 25rpx 40rpx 25rpx 100rpx;
                    position: relative;
                    height: 90rpx;
                    border-radius: 45rpx;
                    margin-bottom: 40rpx;

                    .input {
                        height: 40rpx;
                        line-height: 40rpx;
                        font-size: 28rpx;
                        color: #030303;
                    }

                    .input_right_btn {
                        position: absolute;
                        right: 22rpx;
                        top: 50%;
                        margin: -30rpx 0 0 0;
                        height: 60rpx;
                        line-height: 60rpx;
                        font-size: 24rpx;
                        color: #fff;
                        background-color: #C90104;
                        border-radius: 30rpx;
                        width: 180rpx;
                        text-align: center;
                    }

                    .uni-input-placeholder,
                    .uni-textarea-placeholder {
                        color: #948786 !important;
                        font-size: 28rpx;
                        font-weight: normal;
                    }
                }

                .li:last-child {
                    margin-bottom: 0;
                }

                .li_1 {
                    background: url("@/static/aimg/img_4.png") left 45rpx center no-repeat #fff;
                    background-size: 26rpx auto;
                }

                .li_2 {
                    background: url("@/static/aimg/img_5.png") left 45rpx center no-repeat #fff;
                    background-size: 30rpx auto;
                }

                .li_3 {
                    background: url("@/static/aimg/img_7.png") left 45rpx center no-repeat #fff;
                    background-size: 34rpx auto;
                }

                .li_4 {
                    background: url("@/static/aimg/img_6.png") left 40rpx center no-repeat #fff;
                    background-size: 44rpx auto;
                }

                .li_5 {
                    background: url("@/static/aimg/img_8.png") left 45rpx center no-repeat #fff;
                    background-size: 34rpx auto;
                }
            }

            .other_div {
                width: 100%;
                display: flex;
                justify-content: space-between;
                padding: 0 20rpx;

                .p {
                    color: #fff;
                    font-size: 24rpx;
                    line-height: 40rpx;
                }
            }
        }

        .ys_txt {
            margin-top: 20rpx;
            color: #E6E6E6;
            text-align: center;
            font-size: 24rpx;
            line-height: 40rpx;

            .icon-font-basic {
                font-size: 30rpx;
                margin: 0 10rpx 0 0;
            }

            .icon-b-select-6 {
                color: #fff;
            }

            .txt {
                font-weight: bold;
                color: #fff;
            }
        }

        .pub_btn{
            background-image: linear-gradient(to right, #C90104, #C90104);
        }
    }

    .page_box_1{
        background: url("@/static/aimg/img_1_1.png") top center no-repeat;
        background-size: 100vw auto;
    }
}

.pub_register {

    .page_box {
        background: url("@/static/aimg/img_1_3.png") top center no-repeat;
        background-size: 100vw auto;
    }

    .pub_dialog_register {
        .d_content {
            text-align: center;
        }
    }
}

.pub_find_psd {
    .page_box {
        background: none;
        padding: 50rpx 30rpx 0 30rpx;

        .cont_box {
            background: url("@/static/aimg/img_2.png") bottom center no-repeat;
            background-size: 110% 130%;
            padding:60rpx 30rpx;
        }
    }
}